<div class="story-close" mx-click="@:{story.close}()">
    <svg viewBox="0 0 1024 1024"><path fill="#515151" d="M512 0c283.2 0 512 228.8 512 512s-228.8 512-512 512S0 795.2 0 512 228.8 0 512 0z"/><path fill="#fff" d="M563.782 512l165.7-165.7c14.5-14.5 14.5-37.284 0-51.782s-37.282-14.5-51.781 0L512 460.218l-165.7-165.7c-14.5-14.5-37.284-14.5-51.782 0s-14.5 37.282 0 51.781L460.218 512l-165.7 165.7c-14.5 14.5-14.5 37.284 0 51.782s37.282 14.5 51.781 0L512 563.782l165.7 165.7c14.5 14.5 37.284 14.5 51.782 0s14.5-37.282 0-51.781L563.782 512z"/></svg>
</div>
<div class="story-content">
    {{if error}}
        {{=error}}
    {{else if loading}}
    <div class="dialog-loading">loading...</div>
    {{else}}
    <h2>{{=title}}</h2>
    <div>{{=author}}</div>
    <div>{{=source}}</div>
    <div class="story-x-content" x-html="{{=content}}"></div>
    {{/if}}
</div>
